!function () {
    layui.define(['form'],function (exports) {
        var $ = layui.jquery,
            form = layui.form;
        /**自定义构建状态控件**/
        var status = {
            statusDiv :'',
            defaultVal:{'1':"显示",'3':"不显示"},//值列表
            multiVal:{'1':"显示",'2':"置顶",'3':"不显示"},//显示值列表
            proVal:{'1':"正常",'2':"推荐",'3':"不显示"},//显示值列表
            verify :''
        }

        /***
         * 构建页面
         * 传入需要构建的div id
         * */
        status.initSta =function( divId ,defaultValue,flag){
            status.statusDiv = $(divId);//获取div元素
            if( status.defaultVal ){
                var html ='';
                $.each(status.defaultVal,function(key,val){
                    if( defaultValue == key ){
                        html += '<div class="layui-btn-status layui-btn-status-select" staVal="'+key+'">'+val+'</div>';
                    }else{
                        html += '<div class="layui-btn-status" staVal="'+key+'">'+val+'</div>';
                    }
                });
                if( flag )
                    status.verify = "required";
                if( defaultValue != undefined || defaultValue != ''){
                    html +='<input type="hidden" name="status" lay-verify="'+status.verify+'" value="'+defaultValue+'"/>';
                }else{
                    html +='<input type="hidden" name="status" lay-verify="'+status.verify+'" />';
                }

                status.statusDiv.empty().append(html);
            }

            status.statusDiv.find('.layui-btn-status').off('click');
            status.statusDiv.find('.layui-btn-status').on('click',status.addSelectCss);
        }

        /***
         * 构建页面(三个值)
         * 传入需要构建的div id
         * */
        status.initStaMulti =function( divId ,defaultValue,flag){
            status.statusDiv = $(divId);//获取div元素
            if( status.multiVal ){
                var html ='';
                $.each(status.multiVal,function(key,val){
                    if( defaultValue == key ){
                        html += '<div class="layui-btn-status layui-btn-status-select" staVal="'+key+'">'+val+'</div>';
                    }else{
                        html += '<div class="layui-btn-status" staVal="'+key+'">'+val+'</div>';
                    }
                });
                if( flag )
                    status.verify = "required";
                if( defaultValue != undefined || defaultValue != ''){
                    html +='<input type="hidden" name="status" lay-verify="'+status.verify+'" value="'+defaultValue+'"/>';
                }else{
                    html +='<input type="hidden" name="status" lay-verify="'+status.verify+'" />';
                }
                status.statusDiv.empty().append(html);
            }

            status.statusDiv.find('.layui-btn-status').off('click');
            status.statusDiv.find('.layui-btn-status').on('click',status.addSelectCss);
        }

        /***
         * 构建页面(三个值)
         * 传入需要构建的div id
         * */
        status.initStaProduct =function( divId ,defaultValue,flag){
            status.statusDiv = $(divId);//获取div元素
            if( status.proVal ){
                var html ='';
                $.each(status.proVal,function(key,val){
                    if( defaultValue == key ){
                        html += '<div class="layui-btn-status layui-btn-status-select" staVal="'+key+'">'+val+'</div>';
                    }else{
                        html += '<div class="layui-btn-status" staVal="'+key+'">'+val+'</div>';
                    }
                });
                if( flag )
                    status.verify = "required";
                if( defaultValue != undefined || defaultValue != ''){
                    html +='<input type="hidden" name="status" lay-verify="'+status.verify+'" value="'+defaultValue+'"/>';
                }else{
                    html +='<input type="hidden" name="status" lay-verify="'+status.verify+'" />';
                }
                status.statusDiv.empty().append(html);
            }

            status.statusDiv.find('.layui-btn-status').off('click');
            status.statusDiv.find('.layui-btn-status').on('click',status.addSelectCss);
        }

        /****
         * 删除选中样式
         */
        status.removeSelectCss = function(){
            status.statusDiv.find('.layui-btn-status').removeClass("layui-btn-status-select");
        }

        /***
         * 新增选中样式
         */
        status.addSelectCss = function(){
            var $this = $(this);
            status.removeSelectCss();
            $this.addClass("layui-btn-status-select");
            status.setVal($this[0].getAttribute('staVal'));
        }

        /***
         * 设置选中值
         */
        status.setVal = function(values){
            status.statusDiv.find('input:hidden').val(values);
        }

        exports('status', status);
    });
}();